<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <p id="one"></p>
        <p id="two"></p>
        <p id="three"></p>
        <p id="four"></p>
        <p id="five"></p>
    </div>
    


    <script>
        var one = document.getElementById('one')
        var two = document.getElementById('two')
        var three = document.getElementById('three')
        var four = document.getElementById('four')
        var five = document.getElementById('five')
        // console.log(p);
        one.innerText = ` <script type="text/javascript"> `

           two.innerText = '  alert(typeof 12345);	//输出number'

           three.innerText = '  alert(typeof "abc");	//输出string'

           four.innerText = '  alert(typeof document);	//输出object'
           
           five.innerText = '<' + '/script>'

           alert(` 
                'typeof 12345 →' ${typeof(123456)} 
                'typeof 'abc' →' ${typeof('123456')} 
                'typeof document →' ${typeof(document)} 
           ` )
    </script>
</body>
</html>